// #app{
//     width:100%;
//     height:100%;
// }
// section,div{
//     box-sizing:border-box;

// }
// .content{
//     width: 1259px;
//     height:789px;
//     background:#fff;
//     margin:20px auto;
//     padding:50px;
// }
.detail{
    border:6px solid #f2f2f2;
    margin:10px auto;
    width: 1169px;
    height:459px;
    padding:40px;
}
.detail h3{
    width:100%;
    text-align:center;
    font-size:16px;
    color:#333333;
    line-height:40px;
    margin:0px 0 20px 0;
}
.flexBox{
    width:100%;
    display:flex;
    justify-content:center;
}
.flexBox div{
    width:400px;
    height:230px;
    background:#fff;
    margin-right:20px;
    border:1px solid #F2F2F2;
    border-radius:6px;
    box-sizing:border-box;
}
.flexBox{
    div{
        text-align:center;
        img{
           width:58px;
           height:69px; 
           margin-top:30px;
           &.imgTwo{
               width:60px;
               height:60px;
               margin-top:39px;
           }
        }
        .btnSpan{
            display:block;
            margin:20px auto;
            width:180px;
            height:40px;
            text-align:center;
            background:#337AB7;
            border-radius:5px;
            line-height:40px;
            color:#fff;
            cursor:pointer;
            &.noGZH{
                background:#fff;
                color:#337AB7;
                border:1px solid #337AB7;
            }
        }
    }
}
.herfBtnBox{
    margin:20px auto;
    height:47px;
    width: 820px;
    border-radius:6px;
    border:1px solid #F2F2F2;
    display:flex;
    justify-content:space-between;
    padding:0 40px;
    box-sizing:border-box;
    span{
        display:inline-block;
        line-height:47px;
        i{
            width:32px;
            height:32px;
            display:inline-block;
            vertical-align:middle;
            margin-right:10px;
            cursor:pointer;
        }
        .imgBox1{ 
            background:url('../img/auth03.png');
            background-size:100%;
            &:hover{
                background:url('../img/auth03-active.png');
                background-size:100%;
            }
        }
        .imgBox2{ 
            background:url('../img/auth04.png');
            background-size:100%;
            &:hover{
                background:url('../img/auth04-active.png');
                background-size:100%;
            }
        }
        .imgBox3{ 
            background:url('../img/auth05.png');
            background-size:100%;
            &:hover{
                background:url('../img/auth05-active.png');
                background-size:100%;
            }
        }


    }
}
